<template>
    <div>
        <el-row class="ODrow1"  type="flex" justify="center">
            <el-col :span=10 class="row1col1"></el-col>
            <el-col :span=6 class="row1col1" style="margin-top:0px">
                <div class="ODcol1div2">
                    <div class="div2div1">
                        共 
                        <span style="color: rgb(255, 24, 90);">{{num}}</span>
                        件商品 金额：
                    </div>
                    <div class="div2div1" style="width:140px">
                        运费（已免运费）
                        <el-tooltip placement="top-end" effect="light">
                            <div slot="content">
                                订单已满足免运费条件。如订单商品在退货后不满足免运费政策，则需您支付购买时的发货运费5
                            <br/>元。该运费将从退款金额中直接扣除。（2019年12月16日8：00起，发货运费由10元下调至5元）</div>
                            <i class="el-icon-question" style="font-size:145%;color:rgb(152, 187, 255);cursor:help" ></i>
                        </el-tooltip>
                         ：
                    </div>
                    <div class="div2div1">
                        订单金额：
                    </div>
                </div>
            </el-col>
            <el-col :span=6 class="row1col1" style="margin-top:0px;">
                <div class="ODcol1div2" style="width: 105px;color: rgb(255, 24, 90);font-weight:550;">
                    <div class="div2div1">
                        ￥{{MyOidData[0].totalPrice}} 
                    </div>
                    <div class="div2div1">
                        ￥0.00 
                    </div>
                    <div class="div2div1" style="font-size:17px;margin-top:12px">
                        ￥{{MyOidData[0].totalPrice}}  
                    </div>
                </div>
            </el-col>
        </el-row>
    </div>
</template>

<script>
    export default {
        name:'PxODPLPrice',
        data(){
            return{
                MyOidData:[{'totalPrice':''}],
                num:0,
            }
        },
        mounted(){
            this.$bus.$on('MyOidData',(MyOidData)=>{
                this.MyOidData=MyOidData
                for( let i=0 ; i<this.MyOidData.length ; i++){
                    this.num+=this.MyOidData[i].num
                }
            })
        },
        beforeDestroy(){
            this.$bus.$off('MyOidData')
        }
    }
</script>

<style scoped>
.ODrow1{
    margin-right: 15px;
    margin-left: 15px;
}
.row1col1{
    margin-top: 20px;
    color: rgb(119, 119, 119);
    font-size: 13px;
    text-align: center;
}
.ODcol1div2{
    width: 120px;
    float: right;
    color: rgb(48, 48, 48);
    font-size: 12px;
    height: 100px;
}
.div2div1{
    margin-top: 15px;
    text-align: right;
}
</style>